<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Testing Page</title>
		<link rel="stylesheet" type="text/css" href="templates/css/stylesheet1.css" />
		<link rel="stylesheet" type="text/css" href="templates/css/stylesheet2.css" />
		<script type="text/javascript" src="templates/js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="templates/js/jquery-ui-1.7.1.custom.min.js"></script>
		<script type="text/javascript" src="templates/js/jquery.autocomplete.min.js"></script>
		
		<script type="text/javascript">
			//alert( 1 );
		</script>
	</head>
	<body>
		<h1>Test 1: Un-Nested Rows</h1>
		<table cellspacing="1" cellpadding="4" border="0" class="table">
			<tr>
				<th>ID</th>
				<th>DATE</th>
				<th>TITLE</th>
			</tr>
			{row.start(test1_row)}
			<tr>
				<td>{id}</td>
				<td>{date}</td>
				<td>{title}</td>
			</tr>
			{row.end(test1_row)}
		</table>
		
		<h1>Test 1: Un-Nested/Nested Rows</h1>
		<table cellspacing="1" cellpadding="4" border="0" class="table">
			<tr>
				{row.start(test2_title)}
				<th>{value}</th>
				{row.end(test2_title)}
			</tr>
			{row.start(test2_row)}
			<tr>
				{row.start(test2_column)}
				<td>{value}</td>
				{row.end(test2_column)}
			</tr>
			{row.end(test2_row)}
		</table>
	</body>
</html>